layui.use('layer', function(){
    $(document).ready(function () {
        load();
    });
});

var load = function () {
    $('#exampleTable').bootstrapTable(
            {
                idField: 'menuId',
                height: $(window).height(),
                url: 'admin/getMenuData', // 请求数据的ajax的url
                //ajaxParams: {sort: 'order_num'}, // 请求数据的ajax的data属性
                striped: true, // 是否各行渐变色
                toolbar : '#exampleToolbar',
                columns: [
                    {
                        title: '编号',
                        field: 'menuId',
                        visible: false,
                        align: 'center',
                        valign: 'center',
                        width: '5%'
                    },
                    {
                        title: '名称',
                        valign: 'center',
                        field: 'name',
                        width: '20%'
                    },
                    {
                        title: '类型',
                        field: 'type',
                        align: 'center',
                        valign: 'center',
                        width: '10%',
                        formatter: function (item, index) {
                            if (item === 0) {
                                return '<span class="label label-primary">目录</span>';
                            }
                            if (item === 1) {
                                return '<span class="label label-success">菜单</span>';
                            }
                            if (item === 2) {
                                return '<span class="label label-warning">按钮</span>';
                            }
                        }
                    },
                    {
                        title: '地址',
                        valign: 'center',
                        width: '20%',
                        field: 'url'
                    },
                    {
                        title: '权限标识',
                        valign: 'center',
                        width: '20%',
                        field: 'perms'
                    },
                    {
                        title: '显示顺序',
                        valign: 'center',
                        width: '10%',
                        field: 'orderNum'
                    },
                    {
                        title: '操作',
                        field: 'menuId',
                        align: 'center',
                        valign: 'center'
                        ,formatter: function (item, index) {
                            var e = '<a class="btn btn-primary btn-sm '
                                + '" onclick="edit(\''
                                + item
                                + '\')"><i class="fa fa-edit"></i>编辑</a> ';
                            var p = '<a class="btn btn-primary btn-sm '
                                + '" onclick="add(\''
                                + item
                                + '\')"><i class="fa fa-plus"></i>添加下级</a> ';
                            var d = '<a class="btn btn-warning btn-sm '
                                + '" onclick="remove(\''
                                + item
                                + '\')"><i class="fa fa-remove"></i>删除</a> ';
                            return e + d + p;
                        }
                    }],
                    treeShowField: 'name',
                    parentIdField: 'parentId',
                    onLoadSuccess: function(data) {
                        // jquery.treegrid.js
                        $('#exampleTable').treegrid({
                             //initialState: 'collapsed',
                            treeColumn: 0,
                             expanderExpandedClass: 'glyphicon glyphicon-minus',
                             expanderCollapsedClass: 'glyphicon glyphicon-plus',
                            onChange: function() {
                                $('#exampleTable').bootstrapTable('resetWidth');
                            }
                        });
                    }
            });
};

function add(pId) {
    var index = layer.open({
        type: 2,
        title: '增加菜单',
        shadeClose: false, // 点击遮罩关闭层
        maxmin: true,
        area: ['800px', '520px'],
        content: 'admin/toAddMenuForm/' + pId // iframe的url
        ,success : function(layero, index) {
            setTimeout(function () {
                layui.layer.tips('点击此处返回列表', '.layui-layer-setwin .layui-layer-close', {
                    tips: 3
                });
            }, 500)
        }

    });
    //改变窗口大小时，重置弹窗的高度，防止超出可视区域（如F12调出debug的操作）
    $(window).resize(function(){
        layer.full(index);
    });
    layer.full(index);
}

function remove(id) {
    layer.confirm('确定要删除选中的记录？', {
        btn: ['确定', '取消']
    }, function () {
        $.ajax({
            url: "admin/delMenu",
            type: "post",
            data: {
                'menuId': id
            },
            success: function (data) {
                if (data.errNo == 0) {
                    layer.msg("删除成功");
                    reLoad();
                } else {
                    layer.msg(data.errMsg);
                }
            }
        });
    })
}

function edit(id) {
    var index = layer.open({
        type: 2,
        title: '菜单修改',
        maxmin: true,
        shadeClose: false, // 点击遮罩关闭层
        area: ['800px', '520px'],
        content:  'admin/toUpdateMenuForm/' + id // iframe的url
        ,success : function(layero, index) {
            setTimeout(function () {
                layui.layer.tips('点击此处返回列表', '.layui-layer-setwin .layui-layer-close', {
                    tips: 3
                });
            }, 500)
        }
    });
    //改变窗口大小时，重置弹窗的高度，防止超出可视区域（如F12调出debug的操作）
    $(window).resize(function(){
        layui.layer.full(index);
    });
    layui.layer.full(index);
}

function reLoad() {
    $('#exampleTable').bootstrapTable('refresh');
}